<template>
	<view class="content">
		<view class="option_list">
			<view class="list_box"> 
				<!-- <view class="list_item" @click="driveteamuse">
					<image src="../../../static/img/shenhe.png"></image>
					<view>车队使用指南</view>
					<view class="right_info"> 
						<view></view>
						<image src="../../../static/img/rightjiao.png"></image>
					</view>
				</view>
				  <view class="list_item">
					<image src="../../../static/img/qianbao.png"></image>
					<view>我的钱包</view>
					<view class="right_info">
						<view></view>
						<image src="../../../static/img/rightjiao.png"></image>
					</view>
				</view>
				<view class="list_item" @click="driveruse"> 
					<image src="../../../static/img/renzheng.png"></image>
					<view>司机使用指南</view>
					<view class="right_info">
						<view></view>
						<image src="../../../static/img/rightjiao.png"></image>
					</view>
				</view> -->
				<view class="list_item">
					<view>技术支持：苏州众联智港信息科技有限公司</p>联系方式：0512-58693224 &nbsp; 18913295826</p></view> 
					<!-- <u-button type="primary" @click="addWeChat">添加客服微信</u-button> -->
				</view>
				<!-- <view style="display: flex; flex-direction: column; align-items: center; margin: 15px 0 0 0;">
					<view style="text-align: center; font-weight: 700;">长按图片-添加人工客服</view>
					<image show-menu-by-longpress="true" @click="previewImage" src="https://api.zlkj-port.com/prod-api/profile/img/WeChat.jpg" style="height: 320px;"></image>
				</view> -->
			</view>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: { 
			previewImage(e) {
				uni.previewImage({
					// 需要预览的图片链接列表。若无需预览，可以注释urls
					urls: ['https://api.zlkj-port.com/prod-api/profile/img/WeChat.jpg'],
					// 为当前显示图片的链接/索引值
					current: 'https://api.zlkj-port.com/prod-api/profile/img/WeChat.jpg',
					// 图片指示器样式	
					indicator: 'default',
					// 是否可循环预览
					loop: false,
					success: res => {
						console.log('previewImage res', res);
					},
					fail: err => {
						console.log('previewImage err', err);
					}
				});
			},
			addWeChat() {
				console.log(1111)
				uni.navigateTo({
					url: 'weixin://dl/add?wechatid=2320445121' // 替换为你要添加的微信号
				})
			},
			driveteamuse() {  
				uni.navigateTo({
					url:'../../driver/driverteamuse'
				})
			},
			driveruse(){
				uni.navigateTo({
					url:'../../driver/driveruse'
				})
			}
		}
	}
</script>

<style>
	page {
			border: #f5f5f5;
		}
		.Top_box {
		    background: #2979ff;
		    padding: 30px 15px;	
		}
		.Top_me {
			display: flex;
		    align-items: center;
		    color: #Fff;	
			font-size: 32rpx;
		}
		.name view:nth-child(1){
			margin-bottom: 5px;
			font-size: 36rpx;
		}
		.Top_me image {
			border-radius: 100px;
			width: 130rpx;
			height: 130rpx;
			border: 6rpx solid #fff;
			margin-right:25rpx;
		}
		.right_jiao {
			margin-left: auto;
		}
		.right_jiao image {
			border-radius: 100px;
			width: 40rpx;
			height: 40rpx;
			border: 0 solid #fff;
			margin-right:25rpx;
		}
		
		.option_list {
			background-color: #FFFFFF;
		}
		.list_box {
			padding: 0 12px;	
		}
		.list_item {
			display: flex;
			align-items: center;
			border-bottom: 1px solid #f5f5f5;
			padding: 10px 0;
			font-size: 30rpx;
		}
		.list_item image:nth-child(1) {
			width: 30px;
			height: 30px;
		    margin-right: 6px;
		}
		
		.right_info {
			margin-left: auto;
		    display: flex;
		    align-items: center;
		    font-size: 24rpx;
			color: #7d7d7d;
		}
		.right_info image {
			width: 16px;
			height: 16px;
			margin-left: 5px;
		}
		.login_btn{
			border: 1px solid #FFFFFF;
			border-radius: 100px;
			padding: 2px 12px;
			font-size: 14px!important;
		}
	</style>
</style>
